#div_blog_detail .blog-detail{ width: 95%; } #div_blog_detail .blog-image{ padding: 1rem 0; } #div_blog_detail .blog-image img{ width: 100%; } #div_blog_detail .blog-category{ padding: 1.2rem 0; } #div_blog_detail .blog-title{ padding-bottom: 1.2rem; } #div_blog_detail .blog-content{ line-height: 1.8; } #div_blog_detail .share-buttons{ padding: 1rem 0; } #div_blog_detail .share-btn{ margin: .2rem; padding: .2rem; border: 1px solid #e2e2e2; border-radius: 100%; font-size: 1.2rem; width: 32px; height: 32px; text-align: center; vertical-align: middle; display: inline-block; cursor: pointer; } #div_blog_detail .share-btn:hover{ box-shadow: 0 0 5px #cfcfcf; } #div_blog_detail .share-btn .fab{ vertical-align: middle; } @media screen and (max-width:900px){ #div_blog_detail .blog-title h2{ font-size: 1.6rem; } } @media screen and (max-width:550px){ #div_blog_detail .blog-detail{ width: 100%; } }